<template>
  <div class="nav border-bottom">
    <router-link tag="div" to="/store/id/" class="nav-item">
      点餐
    </router-link>
    <router-link tag="div" to="/store/sellerId/ratings" class="nav-item">
      评价
    </router-link>
    <router-link tag="div" to="/store/sellerId/seller" class="nav-item">
      商家
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'StoreNav',
  data () {
    return {
      navStr: '点餐'
    }
  },
  methods: {
    handleNav () {
      console.log(11)
    }
  }
}
</script>

<style lang="stylus" scoped>
  .nav
    height .8rem
    font-weight lighter
    .nav-item
      width 33.333%
      float left
      line-height .8rem
      text-align center
    .router-link-exact-active
      color rgb(0, 150, 220)
</style>
